<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM模板解析</title>
    <script src="../js/vue-dev.js"></script>
</head>
<body>
    <div id="app_dom">
        <p>1、单独显示全局组件时，可以显示出来</p>
        <my-row></my-row>
        <p>2、在已有组件中使用自定义模板</p>
        <table>
            <my-row></my-row>
        </table>
        <table>
            <tr is="my-row"></tr>
        </table>
    </div>

    <script>
        Vue.component('my-row',{
            template:'<div>A custom global component</div>'
        })
        var app_dom = new Vue({
            el:'#app_dom',

        })
    </script>



</body>
</html>